<template>
  <div class="login_wrap">
    <div class="login_loading_box">
      <!-- <a-spin :indicator="indicator" size="large" /> -->
      <div class="loader">
        <span></span>
      </div>
      <div class="content_box">
        <span class="message_text">正在登录...</span>
      </div>
    </div>
    <!-- v-if="!userStore.isDingTalk()" -->
    <!-- <div class="not_ding_talk_box">
      <img class="dd_logo" src="../../assets/image/dd.svg" alt="" />
      <div class="message_box">
        <span class="message_text">当前不是钉钉容器</span>
        <span class="desc_text"> 请在钉钉内打开 </span>
      </div>
    </div> -->
  </div>
</template>

<script>
import { defineComponent, onMounted, h } from "vue";
import "./index.scss";
export default defineComponent({
  name: "Login",
});
</script>
<script setup>
import { useUserStore } from "@/stores";
import * as dd from "dingtalk-jsapi";
import { LoadingOutlined } from "@ant-design/icons-vue";

const indicator = h(LoadingOutlined, {
  style: {
    fontSize: "52px",
  },
  spin: true,
});

const userStore = useUserStore();

onMounted(() => {
  console.log(dd);
});
</script>

<style lang="scss" scoped></style>
